// Home Scripts

function moveElement(id, x, y, interval) {
  var elem = document.getElementById(id);

  if (elem.movement) {
    clearTimeout(elem.movement);
  }

  if (!elem.style.left) {
    elem.style.left = "0px";
  }

  if (!elem.style.top) {
    elem.style.top = "0px";
  }

  var xpos = parseInt(elem.style.left);
  var ypos = parseInt(elem.style.top);

  if (xpos == x && ypos ==  y) {
    return true;
  }

  if (xpos < x) {
    var dist = Math.ceil((x - xpos) / 10);
    xpos += dist;
  }

  if (xpos > x) {
    var dist = Math.ceil((xpos - x) / 10);
    xpos -= dist;
  }

  if (ypos < y) {
    var dist = Math.ceil((y - ypos) / 10);
    ypos += dist;
  }

  if (ypos > y) {
    var dist = Math.ceil((ypos - y) / 10);
    ypos -= dist;
  }

  elem.style.left = xpos + "px";
  elem.style.top  = ypos + "px";

  var repeat = "moveElement('" + id + "'," + x + "," + y + "," + interval + ")";

  elem.movement = setTimeout(repeat, interval);
}


function prepareSlideshow() {
  var intro = document.getElementById("intro");

  var slideshow = document.createElement("div");
  slideshow.setAttribute("id", "slideshow");

  var frame = document.createElement("img");
  frame.setAttribute("src", "images/frame.gif");
  frame.setAttribute("alt", "");
  frame.setAttribute("id", "frame");

  slideshow.appendChild(frame);

  var preview = document.createElement("img");
  preview.setAttribute("src", "images/slideshow.gif");
  preview.setAttribute("alt", "a glimpse of what awaits you.");
  preview.setAttribute("id", "preview");

  slideshow.appendChild(preview);

  insertAfter(slideshow, intro);

  var links = document.getElementsByTagName("a");

  for (var i = 0; i < links.length; i++) {
    links[i].onmouseover = function() {
      var destination = this.getAttribute("href");
      if (destination.indexOf("index.html") != -1) {
        moveElement("preview", 0, 0, 5);
      }
      if (destination.indexOf("about.html") != -1) {
        moveElement("preview", -150, 0, 5);
      }
      if (destination.indexOf("photos.html") != -1) {
        moveElement("preview", -300, 0, 5);
      }
      if (destination.indexOf("live.html") != -1) {
        moveElement("preview", -450, 0, 5);
      }
      if (destination.indexOf("contact.html") != -1) {
        moveElement("preview", -600, 0, 5);
      }
    }
  }
}

addLoadEvent(prepareSlideshow);
